.yxytablepagesscreenbox {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 8888;
    background-color: #fff;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

    .yxytablepagesscreenbox span {
        background: url(../images/screenbox.jpg) 0 0 no-repeat;
        width: 100%;
        max-width: 220px;
        position: absolute;
        top: 30px;
        left: 45%;
        text-align: center;
        padding-top: 160px;
        color: #333;
    }

.yxytablemessage {
    text-align: center;
    display: none;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin-left: -200px;
    position: absolute;
    z-index: 9999;
    width: 400px;
    left: 50%;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .yxytablemessage.error {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

    .yxytablemessage.success {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

.yxyreloadbtn {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 9999;
    color:#ddd;
}

.yxytable {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    color: #333;
}

    .yxytable > thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: inherit;
    }

    .yxytable tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .yxytable > thead > tr > th {
        border-bottom-width: 2px;
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
        position: relative;
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        display: table-cell;
        white-space: nowrap;
    }

        .yxytable > thead > tr > th.orderth {
            padding-right: 18px;
        }

        .yxytable > thead > tr > th span.icon {
            width: 10px;
            height: 11px;
            display: block;
            position: absolute;
            top: 50%;
            right: 5px;
            margin-top: -5px;
            z-index: 10;
            background: url(../images/icon-1.png);
        }

            .yxytable > thead > tr > th span.icon.on {
                height: 6px;
                background-position: 0 0;
                background-repeat: no-repeat;
            }

            .yxytable > thead > tr > th span.icon.down {
                height: 6px;
                background-position: 0 -6px;
                background-repeat: no-repeat;
            }

    .yxytable thead:first-child tr:first-child th, .yxytable thead:first-child tr:first-child td {
        border-top: 0;
    }

    .yxytable > thead > tr > th, .yxytable > tbody > tr > th, .yxytable > tfoot > tr > th, .yxytable > thead > tr > td, .yxytable > tbody > tr > td, .yxytable > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .yxytable thead > tr > th, .yxytable tbody > tr > th, .yxytable tfoot > tr > th, .yxytable thead > tr > td, .yxytable tbody > tr > td, .yxytable tfoot > tr > td {
        padding: 8px;
        line-height: 1.428571429;
        border-top: 1px solid #ddd;
    }

    .yxytable tbody {
        vertical-align: middle;
        border-color: inherit;
        display: table-row-group;
    }

    .yxytable > tbody > tr > td {
        text-align: center;
        display: table-cell;
        white-space: nowrap;
    }

    .yxytable > tbody > tr:nth-child(even) {
        background: #F4F4F4;
    }

    .yxytable > tbody > tr:hover {
        background: #bbb;
    }

.pageulbox {
    display: inline-block;
    margin: 5px auto;
    border-radius: 4px;
    padding: 0;
}

    .pageulbox > li {
        display: inline;
    }

        .pageulbox > li:first-child > a, .pageulbox > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pageulbox > li:last-child > a, .pageulbox > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pageulbox > li > a, .pageulbox > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
            color: #428bca;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    .pageulbox > .disabled > span, .pageulbox > .disabled > a, .pageulbox > .disabled > a:hover, .pageulbox > .disabled > a:focus {
        color: #999;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

    .pageulbox > .active > a, .pageulbox > .active > span, .pageulbox > .active > a:hover, .pageulbox > .active > span:hover, .pageulbox > .active > a:focus, .pageulbox > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #428bca;
        border-color: #428bca;
    }
